page {
  background-color: rgba(248, 248, 248, 1);
}
/* 字体 */
.f_12{
  font-size: 24rpx;
}
.f_14{
  font-size: 28rpx;
} 
.f_16 {
  font-size: 32rpx;
}
.f_18 {
  font-size: 36rpx;
}
.f_20 {
  font-size: 40rpx;
}
.f_24 {
  font-size: 48rpx;
}
.f_w{
  font-weight: 400;
}
.l-sp-0{
  letter-spacing: 0;
}
/* 颜色 */
.c_yellow {
  color: #b08f5d;
}
.c_red {
  color: #f7503d;
}
.c_green {
  color: #41a832;
}
.c_blue {
  color: #1890ff;
}
.c_f{
  color:#fff;
}
.c_3 {
  color: #333333;
}
.c_6 {
  color: #666666;
}
.c_9 {
  color: #999999;
}
/* 行高 */
.l_18 {
  height: 36rpx;
  line-height: 36rpx;
}
.l_20 {
  height: 40rpx;
  line-height: 40rpx;
}
.l_24 {
  height: 48rpx;
  line-height: 48rpx;
}
.l_34 {
  height: 68rpx;
  line-height: 68rpx;
}
.l_50 {
  height: 100rpx;
  line-height: 100rpx;
}
/* 布局 */
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.pos_re {
  position: relative;
}
.pos_ab {
  position: absolute;
}
.pos_fix {
  position: fixed;
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.flex{
  display: flex;
}
.flex_item{
  flex: 1;
  overflow: hidden;
}
.inline_bl{
  display: inline-block;
}
/* margin */
.m_l_10{
  margin-left: 20rpx;
}
.m_l_20{
  margin-left: 40rpx;
}
.m_t_10{
  margin-left: 20rpx;
}
.m_t_20{
  margin-left: 40rpx;
}
/* border */
.border_a {
  border: 1px solid #b08f5d;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
